#main-content {
	background-image: url(../../images/grid-backg.png);
}
.main-page .wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
}
.section {
	padding: 0 0 20px;
	margin: 20px auto;
	color: #333;
	background: #fff;
	max-width: 800px;
	border-radius: 10px;

	box-shadow: 1px 1px 4px 1px #999;
}
.section a {color: #2980B9;}
.section-title {
	/*background: rgba(0,0,0,0.5);*/
	
}

.section .section-cat {
	background: #C0392B;
	display: block;
	padding: 10px 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 18px;
	border-bottom: 1px solid #999;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.section .chapter-cat {
	/*margin: 10px 0;*/ display: block;
	padding: 10px 30px 10px 10px; font-size: 15px;
	border-bottom: 1px solid #ccc;
	color: #16A085; font-weight: bold;
	position: relative;
	background: #f9f9f9;
	cursor: pointer;
	transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;

}
.section .section-cat:hover,
.section .chapter-cat:hover {
	padding-left: 50px;
	transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}
.section .chapter-cat:after {
	content: ""; display: block;
	width: 10px; height: 10px;
	position: absolute; top: 10px;
	right: 10px; background: #3498DB;
	border-radius: 5px;
}
.section .chapter-cat:nth-child(even) {
	background: #dedede;
}
.turn-btn {
	position: fixed;
	bottom: 20px;
	z-index: 90;
	right: 20px;
	color: #333;
	font-size: 26px;
	cursor: pointer;
}
.section .chapter .count {
	color: #9B59B6;
	font-weight: normal;
}
.lslist.wrapper {
	background: #fff;
}
.lslist.wrapper > h2 {
	padding: 10px; text-align: center;
	background: #96281B;
	font-weight: normal;
	font-family: "Floral";
	text-transform: lowercase;
	color: #fff;
}


/*========================================*/
.wrapper.ng-hide {
	top: 0; left:  0;
}
.wrapper.ng-hide-add.ng-hide-add-active,
.wrapper.ng-hide-remove.ng-hide-remove-active {
	transition: 1s linear all;
	-o-transition: 1s linear all;
	-moz-transition: 1s linear all;
	-webkit-transition: 1s linear all;
}